﻿@using PagedList;
@using PagedList.Mvc;
@using PhoneStoreWeb.Areas.Admin

@model IEnumerable<PhoneStoreWeb.Models.Product>

@{
    ViewBag.Title = "Index";
    Layout = "~/Areas/Admin/Views/Shared/_Layout.cshtml";
}


<!--  start nav-outer-repeat................................................................................................. START -->
<div class="nav-outer-repeat">
    <!--  start nav-outer -->
    <div class="nav-outer">

        <!-- start nav-right -->
        <div id="nav-right">

            <div class="nav-divider">&nbsp;</div>
            <div class="showhide-account">
                <img src="~/Areas/Admin/Images/shared/nav/nav_myaccount.gif" width="93" height="14" alt="" />
            </div>
            <div class="nav-divider">&nbsp;</div>
            <a href="" id="logout">
                <img src="~/Areas/Admin/Images/shared/nav/nav_logout.gif" width="64" height="14" alt="" /></a>
            <div class="clear">&nbsp;</div>

            <!--  start account-content -->
            <div class="account-content">
                <div class="account-drop-inner">
                    <a href="" id="acc-settings">Settings</a>
                    <div class="clear">&nbsp;</div>
                    <div class="acc-line">&nbsp;</div>
                    <a href="" id="acc-details">Personal details </a>
                    <div class="clear">&nbsp;</div>
                    <div class="acc-line">&nbsp;</div>
                    <a href="" id="acc-project">Project details</a>
                    <div class="clear">&nbsp;</div>
                    <div class="acc-line">&nbsp;</div>
                    <a href="" id="acc-inbox">Inbox</a>
                    <div class="clear">&nbsp;</div>
                    <div class="acc-line">&nbsp;</div>
                    <a href="" id="acc-stats">Statistics</a>
                </div>
            </div>
            <!--  end account-content -->

        </div>
        <!-- end nav-right -->


        <!--  start nav -->
        <div class="nav">
            <div class="table">

                <ul class="select">
                    <li><a href="#nogo"><b>Dashboard</b><!--[if IE 7]><!--></a><!--<![endif]-->
                        <!--[if lte IE 6]><table><tr><td><![endif]-->
                        <div class="select_sub">
                            <ul class="sub">
                                <li><a href="#nogo">Dashboard Details 1</a></li>
                                <li><a href="#nogo">Dashboard Details 2</a></li>
                                <li><a href="#nogo">Dashboard Details 3</a></li>
                            </ul>
                        </div>
                        <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                    </li>
                </ul>

                <div class="nav-divider">&nbsp;</div>

                <ul class="current">
                    <li><a href="#nogo"><b>Mặt hàng</b><!--[if IE 7]><!--></a><!--<![endif]-->
                        <!--[if lte IE 6]><table><tr><td><![endif]-->
                        <div class="select_sub show">
                            <ul class="sub">
                                <li class="sub_show"><a href="~/Admin/Product/Index">Danh sách</a></li>
                                <li><a href="~/Admin/Product/Create">Thêm</a></li>
                                <li><a href="#nogo">Xóa</a></li>
                            </ul>
                        </div>
                        <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                    </li>
                </ul>

                <div class="nav-divider">&nbsp;</div>

                <ul class="select">
                    <li><a href="#nogo"><b>Categories</b><!--[if IE 7]><!--></a><!--<![endif]-->
                        <!--[if lte IE 6]><table><tr><td><![endif]-->
                        <div class="select_sub">
                            <ul class="sub">
                                <li><a href="#nogo">Categories Details 1</a></li>
                                <li><a href="#nogo">Categories Details 2</a></li>
                                <li><a href="#nogo">Categories Details 3</a></li>
                            </ul>
                        </div>
                        <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                    </li>
                </ul>

                <div class="nav-divider">&nbsp;</div>

                <ul class="select">
                    <li><a href="#nogo"><b>Clients</b><!--[if IE 7]><!--></a><!--<![endif]-->
                        <!--[if lte IE 6]><table><tr><td><![endif]-->
                        <div class="select_sub">
                            <ul class="sub">
                                <li><a href="#nogo">Clients Details 1</a></li>
                                <li><a href="#nogo">Clients Details 2</a></li>
                                <li><a href="#nogo">Clients Details 3</a></li>

                            </ul>
                        </div>
                        <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                    </li>
                </ul>

                <div class="nav-divider">&nbsp;</div>

                <ul class="select">
                    <li><a href="#nogo"><b>News</b><!--[if IE 7]><!--></a><!--<![endif]-->
                        <!--[if lte IE 6]><table><tr><td><![endif]-->
                        <div class="select_sub">
                            <ul class="sub">
                                <li><a href="#nogo">News details 1</a></li>
                                <li><a href="#nogo">News details 2</a></li>
                                <li><a href="#nogo">News details 3</a></li>
                            </ul>
                        </div>
                        <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                    </li>
                </ul>

                <div class="clear"></div>
            </div>
            <div class="clear"></div>
        </div>
        <!--  start nav -->

    </div>
    <div class="clear"></div>
    <!--  start nav-outer -->
</div>

<div id="content-outer">
    <!-- start content -->
    <div id="content">

        <!--  start page-heading -->
        <div id="page-heading">
            <h1>Danh sách</h1>
        </div>
        <!-- end page-heading -->

        <table border="0" width="100%" cellpadding="0" cellspacing="0" id="content-table">
            <tr>
                <th rowspan="3" class="sized">
                    <img src="~/Areas/Admin/Images/shared/side_shadowleft.jpg" width="20" height="300" alt="" /></th>
                <th class="topleft"></th>
                <td id="tbl-border-top">&nbsp;</td>
                <th class="topright"></th>
                <th rowspan="3" class="sized">
                    <img src="~/Areas/Admin/Images/shared/side_shadowright.jpg" width="20" height="300" alt="" /></th>
            </tr>
            <tr>
                <td id="tbl-border-left"></td>
                <td>
                    <!--  start content-table-inner ...................................................................... START -->
                    <div id="content-table-inner">

                        <!--  start table-content  -->
                        <div id="table-content">
                            <!--  start product-table ..................................................................................... -->
                            <form id="mainform" action="Index">
                                <table border="0" width="100%" cellpadding="0" cellspacing="0" id="product-table">
                                    <tr>

                                        <th class="table-header-repeat line-left minwidth-1"><a href="">Category @Html.DisplayNameFor(model => model.Category.Name)</a>	</th>
                                        <th class="table-header-repeat line-left minwidth-1"><a href="">Manufacturer @Html.DisplayNameFor(model => model.Manufacturer.Name)</a></th>
                                        <th class="table-header-repeat line-left"><a href="">@Html.DisplayNameFor(model => model.ProductImage)</a></th>
                                        <th class="table-header-repeat line-left"><a href="">@Html.DisplayNameFor(model => model.Name)</a></th>
                                        <th class="table-header-repeat line-left"><a href="">@Html.DisplayNameFor(model => model.Desciption)</a></th>
                                        <th class="table-header-repeat line-left"><a href="">@Html.DisplayNameFor(model => model.WarrantyTime)</a></th>
                                        <th class="table-header-repeat line-left"><a href="">@Html.DisplayNameFor(model => model.DealerPrice)</a></th>
                                        <th class="table-header-repeat line-left"><a href="">@Html.DisplayNameFor(model => model.RetailPrice)</a></th>
                                        <th class="table-header-repeat line-left"><a href="">@Html.DisplayNameFor(model => model.Quantity)</a></th>
                                        <th class="table-header-repeat line-left"><a href="">@Html.DisplayNameFor(model => model.IsHighlighted)</a></th>
                                        <th class="table-header-repeat line-left"><a href="">@Html.DisplayNameFor(model => model.IsNew)</a></th>
                                        <th class="table-header-repeat line-left"><a href="">@Html.DisplayNameFor(model => model.IsSelling)</a></th>
                                        <th class="table-header-repeat line-left"><a href="">@Html.DisplayNameFor(model => model.IsPromotional)</a></th>
                                        <th class="table-header-repeat line-left"><a href="">@Html.DisplayNameFor(model => model.IsHidden)</a></th>
                                        <th class="table-header-options line-left"><a href="">Options</a></th>
                                    </tr>
                                    @foreach (var item in Model)
                                    {                                                                                
                                        <tr>
                                            <td>@Html.DisplayFor(modelItem => item.Category.Name)</td>
                                            <td>@Html.DisplayFor(modelItem => item.Manufacturer.Name)</td>
                                            <td>@Html.DisplayFor(modelItem => item.Name)</td>
                                            <td>@Html.DisplayFor(modelItem => item.Desciption)</td>
                                            <td>@Html.DisplayFor(modelItem => item.ProductImage)</td>
                                            <td>@Html.DisplayFor(modelItem => item.WarrantyTime)</td>
                                            <td>@Html.DisplayFor(modelItem => item.DealerPrice)</td>
                                            <td>@Html.DisplayFor(modelItem => item.RetailPrice)</td>
                                            <td>@Html.DisplayFor(modelItem => item.Quantity)</td>
                                            <td>@Html.DisplayFor(modelItem => item.IsHighlighted)</td>
                                            <td>@Html.DisplayFor(modelItem => item.IsNew)</td>
                                            <td>@Html.DisplayFor(modelItem => item.IsSelling)</td>
                                            <td>@Html.DisplayFor(modelItem => item.IsPromotional)</td>
                                            <td>@Html.DisplayFor(modelItem => item.IsHidden)</td>
                                            <td class="options-width">
                                                <a href="Edit/@item.ProductID" title="Edit" class="icon-1 info-tooltip"></a>
                                                <a href="" title="Delete" class="icon-2 info-tooltip"></a>
                                            </td>
                                        </tr>                                           
                                    }
                                </table>
                                <!--  end product-table................................... -->
                            </form>
                        </div>
                        <!--  end content-table  -->

                        
                        <!--  start paging..................................................... -->

                        <!--  end paging................ -->

                        <div class="clear"></div>

                    </div>
                    <!--  end content-table-inner ............................................END  -->
                </td>
                <td id="tbl-border-right"></td>
            </tr>
            <tr>
                <th class="sized bottomleft"></th>
                <td id="tbl-border-bottom">&nbsp;</td>
                <th class="sized bottomright"></th>
            </tr>
        </table>
        <div class="clear">&nbsp;</div>

    </div>
    <!--  end content -->
    <div class="clear">&nbsp;</div>
</div>
<!--  end content-outer........................................................END -->





